<template>
	<div class="app-container">
		<Layout>
			<template #left>
				<div class="left">
					<SiteAside />
				</div>
			</template>
			<template #default>
				<div class="center">
					<router-view></router-view>
				</div>
			</template>
		</Layout>
		<back-top></back-top>
	</div>
</template>

<script>
import Layout from '@/components/Layout'
import SiteAside from '@/components/SiteAside'
import BackTop from '@/components/BackTop'
export default {
	components: { Layout, SiteAside, BackTop },
	data() {
		return {}
	},
	methods: {},
	computed: {},
}
</script>

<style lang="less" scoped>
@import '~@/styles/mixins/mixin.less';
.app-container {
	.self-fill(fixed);
}
.left {
	width: 250px;
	height: 100%;
}
.center {
	width: 100%;
	height: 100%;
}
</style>
